import { ReactNode } from "react"
import { Box, Button } from "@chakra-ui/react"

interface IProps{
    children:ReactNode
    w?:string
    h?:string
    colorScheme?:string
}
const TextButtonWithChild = ({children, w="200px", h="40px", colorScheme="yellow.300"}:IProps) => {
    return (
        <Box display="flex" alignItems="center" justifyContent="center" mt={6}>
            <Button 
            bgColor={`${colorScheme}`}  
            fontSize="14px" fontWeight="normal"
            w={w} 
            height={h}
            margin="10px auto"
            borderRadius="full"
            _hover="none"
            cursor="pointer"
            lineHeight={h}
            boxShadow={`0 4px 10px 0 rgba(${colorScheme})`}   
            _active="none"
            >{children}</Button>
        </Box>
    )
}
export default TextButtonWithChild